<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
	.parent{
		background-color: yellow;
		border: 2px red solid;
		padding: 15px;
	}
	.a1{
		background-color: green;
		border: 2px green solid;
		margin: 5px;
		padding: 10px;
		/* 设置盒子1是相对定relative */
		position: relative;
		/* 将盒子1向右(相对于盒子1的原来位置而言)移动30px; */
		left: 30px;
		/* 将盒子1向下(相对于盒子1的原来位置而言)移动30px; */
		top: 30px;
	}
</style>
</head>
<body>
<div class="parent">
	<div class="a1">盒子1</div>
	</div>
</body>
</html>